.header {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-bottom: 5px;
    z-index: 100;
    .left_logo {
       float: left;
       img {
          width: 200px;
       }
    }
    .right_navlis {
       float: right;
       ul {
          display: flex;
          align-items: center;
       }
       li {
         height: 80px;
         float: left;
         display: flex;
         align-items: center;
         padding: 0 15px;
         a {
            padding-top: 25px;
            line-height: 1;
            color: #000;
            font-family: '微软雅黑';
            font-size: 30px;
            // font-weight: ;
            border-bottom: 4px solid transparent;
            padding-bottom: 5px;
            &:hover {
                color: rgba(243, 169, 31, 0.953);
                border-bottom: 4px solid rgba(79, 53, 145, 0.953);
            }
         }
         .active {
            border-bottom: 4px solid rgba(79, 53, 145, 0.953);
         }
       }
    }
}
.banner {
   width: 100%;
   height: 760px;
   background: url(../img/bgtest1.webp) center no-repeat;
   // background-color:#060B12;
   background-size: cover;
   position: relative;
   h1 {
       font-size: 80px;
       color: #fff;
       text-align: center;
       position: absolute;
       left: 49%;
       top: 35%;
       transform: translate(-50%);
       word-break: keep-all;
      //  text-shadow: -3px -3px 3px  #000, 2px 2px 3px #000;
       user-select: none;
   }
   h4 {
       font-size: 40px;
       text-align: center;
       position: absolute;
       left: 50%;
       top: 55%;
       transform: translate(-50%);
       user-select: none;
       color: #fff;
      //  text-shadow: -3px -3px 3px  #fff, 2px 2px 3px #e9c71c;
   }
}

.section {
    .logo {
        img {
            width: 220px;
        }
        margin-bottom: 20px;
    }
}

